<template>
	<div>
	  <van-popup
	  	  id="more"
		  v-model="showMore"		  
		  position="bottom"
	  >	
	    <div class="moreShareWrap">
	    	<div class="item" @click="downLoad">
 				<img src="../../../../static/img/lanhu/54.png" alt="" class="img"/>
 				<span class="word">下载</span>
	    	</div>
	    	<!--<div class="item">
 				<img src="../../../../static/img/lanhu/10.png" alt="" class="img"/>
 				<span class="word" style="margin-top: 10px;">QQ</span>
	    	</div>
	    	<div class="item">
 				<img src="../../../../static/img/lanhu/11.png" alt="" class="img"/>
 				<span class="word">QQ空间</span>
	    	</div>
	    	<div class="item">
 				<img src="../../../../static/img/lanhu/14.png" alt="" class="img"/>
 				<span class="word">微博</span>
	    	</div>
	    	<div class="item">
 				<img src="../../../../static/img/lanhu/16.png" alt="" class="img"/>
 				<span class="word">支付宝</span>
	    	</div>	    	-->
	    </div>
	    
	    <div class="moreShareWrap">
	    	<div class="item" @click="login">
 				<img src="../../../../static/img/lanhu/56.png" alt="" class="img"/>
 				<span class="word">登录</span>
	    	</div>
	    	<div class="item" @click="register">
 				<img src="../../../../static/img/lanhu/55.png" alt="" class="img"/>
 				<span class="word">注册</span>
	    	</div>		    	
	    </div>	  
	    <div class="cancle" @click="showMore=false">取消</div>	    	    	    	    
	  </van-popup>	    	    
	</div>	
</template>

<script>	
export default {	
	data() {
       return {
          showMore:false,
          comId:'',
          userId:''
       }
	},
	methods: {	
	   downLoad(){
	   	 window.location.href="http://mmds.mingsdai.com/downLoad.html"
	   },
	   login(){
	   	 this.showMore=false
	   	 this.$emit('login')
	   },
	   register(){
	     this.showMore=false
	   	 this.$emit('register')
	   },
       show(){
       	this.showMore=true
       },

	},
	mounted() {
		this.comId=this.$router.currentRoute.query.comId;
		this.userId=this.$router.currentRoute.query.userId;		
	}
}	
</script>

<style scoped="" lang="scss">
#more{ .cancle{padding: 12px 0;font-size: 16px;background: #fff;text-align: center;margin-top: 20px;}}
.moreShareWrap{padding: 20px 15px 0;display: flex;
     .item{display: flex;flex-direction: column;margin-right: 10px;}
     .word{color: #333;margin-top: 8px;opacity: 0.8;text-align: center;}
     .img{width: 42px;height: 42px;}    
}
.van-popup{background: rgba(255,255,255,0.8);}
</style>